<script lang="ts" setup>
    import { reactive } from "vue";

    const data = reactive({
        'titleList': [
            '不良资产数字化','生态架构','控制台'
        ]
    })
</script>
<template>
    <div class="session">
        <div class="e-con-inner">
            <el-row>
                <el-col :span="3">
                    <!-- <div><el-image src="/bi_frontend/imgs/qrcode_logo_200.png"/></div> -->
                    <div style="height: 20px;"></div>
                    <div></div>
                </el-col>
                <el-col :span="9">
                    <div></div>
                </el-col>
                <el-col :span="12">
                    <div class="d-flex justify-content-end">
                        <div class="title" v-for="item in data.titleList">{{ item }}</div>
                    </div>
                    <div style="height: 120px;"></div>
                    <div class="d-flex justify-content-end copyright">
                        版权所有 @ 2023 
                    </div>
                    <div class="d-flex justify-content-end list">
                        <div>Cookie声明</div>
                        <div>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</div>
                        <div>法律文件及隐私条款</div>
                    </div>
                </el-col>
            </el-row>
        </div>
    </div>
</template>
<style scoped>
    .session {
        background-color: #F5F6F4;
        padding: 24px 10px 16px 20px;
    }
    .e-con-inner {
        padding: 10px;
    }
    .el-col {
        padding: 10px;
    }
    .title {
        padding: 0px 20px;
        color: #111A05;
        font-size: 20px;
        font-weight: 400;
        line-height: 40px;
    }
    .copyright{
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .list {
        color: #60A600;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 12px;
    }
</style>